<template>
	<combutton :list="floatButton.list" @click="onClick" />
</template>

<script>
import combutton from '@/components/com-float-button/com-float-button.vue'; 

export default {
	components: {
		combutton,
	},
	data() {
		return {
			floatButton: {
				list: [
					{
						name: '我的',
						url: '../../static/images/default_user_photo_02.png',
						svg: '<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M518.4 59.2c-147.2 0-267.2 120-267.2 267.2s120 267.2 267.2 267.2 267.2-120 267.2-267.2S665.6 59.2 518.4 59.2z m0 486.4c-120 0-219.2-97.6-219.2-219.2 0-120 97.6-219.2 219.2-219.2 120 0 219.2 97.6 219.2 219.2S640 545.6 518.4 545.6zM750.4 564.8c-11.2-6.4-25.6-3.2-33.6 8-6.4 11.2-3.2 25.6 8 33.6 115.2 73.6 184 198.4 184 336 0 12.8 11.2 24 24 24s24-11.2 24-24c1.6-155.2-76.8-296-206.4-377.6zM273.6 564.8C144 646.4 67.2 787.2 67.2 940.8c0 12.8 11.2 24 24 24s24-11.2 24-24c0-136 68.8-262.4 184-336 11.2-6.4 14.4-22.4 8-33.6-8-9.6-22.4-12.8-33.6-6.4z"/></svg>',
						background: '#8c5dce',
					},
				],
				background: 'blue',
			},
		};
	},
	methods: {
		onClick(item) {
			this.$emit('click', item);
			this.show = false;
			uni.showToast({
				title: item.name,
			})
		},
		stop() {
			return false;
		}
	}
};
</script>
